@charset "utf-8";
/* CSS Document */
.key{ margin-bottom:0;}

.location{ height:40px; line-height:40px; font-size:14px; border:1px solid #ccc; border-radius:5px; background:#ccc; text-align:right; padding-right:15px; }
.location span{}

.left{ width:230px; float:left; margin-bottom:30px;} 
.left h3{ font-weight:normal; color:#fff; padding-left:10px; font-size:18px; line-height:24px; margin-bottom:25px;}
.left h3 span{ font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.left ul{ width:230px; background:url(../images/prolist_bg.png) no-repeat 0 top #138BD3; padding:20px 0 10px;}
.left li{ font-size:14px; position:relative; width:212px; height:34px; margin:5px auto 0; background:url(../images/pro_icon.png) no-repeat 12px 10px #35a4e7; transition:background .5s; -webkit-transition:background .5s; -moz-transition:background .5s; -o-transition:background .5s;}
.left li a{ display:block; width:212px; height:34px; line-height:34px; text-indent:31px;color:#fff; }
.left li:hover{ background:url(../images/pro_icon.png) no-repeat 12px 10px #363636; text-decoration:none;}
.left .tel{ width:230px; height:auto;  margin-top:15px;}
.left dl{ display:none; position:absolute; left:180px; top:-10px; background:#363636; z-index:99;}
.left li:hover dl{ display:block; width:450px; padding:10px;}
.left dl dd{ float:left;}
.left dl dd a{ font-size:12px; background:none; line-height:24px; width:110px; height:24px; margin:0; text-indent:20px;}
.left dl dd a:hover{ background:url(../images/pro_icon.png) no-repeat 10px 6px #363636;}

.right{ width:759px; float:right; background:#fff; padding:0px 0px 0px 0px; line-height:28px;}
.right iframe{width:100%;height:540px;}
.pagelink{height:26px; line-height:26px; margin:10px 0 0 0; text-align:center; background:#ccc;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

.productlist{ width:747px; margin:0 auto;}
.productlist li{ width:249px; text-align:center; margin-top:15px; float:left;}
.productlist li a img{ width:224px; height:149px; margin:0 auto 2px; border:solid 1px #ccc; padding:3px; transition:border-color .5s; -webkit-transition:border-color .5s; -moz-transition:border-color .5s;}
.productlist li a:hover img{ padding:0; border:solid 4px #1274D9;}

.proright{ float:right; width:330px; height:245px;}
.proright h2{ text-align:left; font-size:16px; color:#1274D9; margin-bottom:10px; font-family:"微软雅黑";}
.proright .summary{ line-height:24px; height:auto !important; height:220px; min-height:220px;}
.prodetails h3{ font-family:"微软雅黑"; font-size:16px;  color:#35383d; height:35px; line-height:35px; background:#ccc; text-indent:15px; margin-bottom:15px; border:none; margin-top:15px;}
.prodetails p{ padding:0 10px}
.prodetails h6{ font-size:12px; font-weight:normal; margin-left:15px;}
.prodetails h6 strong{ color:#ed1c22;}

.prorelated{ margin:20px auto 0;}
.prorelated h3{ font-size:16px;  color:#35383d; height:35px; line-height:35px; background:#ccc; text-indent:15px; margin-bottom:15px; border:none;}
.prorelated li{ float:left; width:187px;text-align:center;}
.prorelated li a img{ margin:0 auto;padding:1px; border:solid 1px #ccc; width:175px; height:116px;}
.prorelated li a:hover img{ border-color:#db1117}

.prorelated_news{ margin-top:20px;}
.prorelated_news h3{ font-size:16px;  color:#35383d; height:35px; line-height:35px; background:#ccc; text-indent:15px; margin-bottom:5px; border:none;}
.prorelated_news li{ float:left; width:360px; border-bottom:dashed 1px #ccc; text-indent:13px; background:url(../images/icon.png) no-repeat 0 13px; line-height:30px;}
.prorelated_news .interval{ margin-left:20px;}

.newslist{ font-size:13px;}
.newslist li{ line-height:40px; border-bottom:dashed 1px #ccc; background:url(../images/icon.png) no-repeat 0 18px; text-indent:15px;}
.newslist li span{ float:right;}

.newsdetails{ font-size:13px;}
.newsdetails h2{ font-size:20px; color:#666; text-align:center; line-height:30px; margin-top:10px;}
.newsdetails h4{ font-size:12px; text-align:center; border-bottom:dotted 1px #ccc; font-weight:normal; margin:5px 0 10px;}
.newsdetails p .text{ width:400px; height:18px; line-height:18px;}
.newsdetails p .btn{ width:50px; border:none; background:#333; height:22px; line-height:22px; color:#fff; margin-left:5px; cursor:pointer;}